#{extends 'main.html' /} 
#{set title:'Home' /}
<meta charset="UTF-8"/>
<form class="well form-search" action="@{Publicaciones.buscar()}" style="text-align: center;">
	<input type="text" name="buscar" class="span8" placeholder=" :::: Buscar Publicacion :::: " autofocus="autofocus" />
	<button class="btn" type="submit">Buscar</button>
</form>
<br/>

<ul class="breadcrumb">
  <li class="active">
    <a href="@{Application.index()}">Home</a> <span class="divider">/</span>
  </li>  
</ul>
<div class="row-fluid">
	<div class="span2">
		<ul class="nav nav-list">
			<li class="nav-header">Categorias</li>
			#{list items:categorias,as:'categoria'}
				<li><a href="">${categoria.deCategoria}</a></li>	
			#{/list}
		</ul>
	</div>
	<div class="span9">
		#{list items:publicaciones,as:'publicacion'}		
			<div class="row-fluid">
				<div class="span2">
					<a href="@{Publicaciones.ver(publicacion.coPublicacion)}" class="thumbnail"> 
					<img src="/public/images/publicaciones/${publicacion?.deFoto1}" />
					</a>
				</div>
				<div class="span8">
					<h2><a href="@{Publicaciones.ver(publicacion.coPublicacion)}">${publicacion?.deTitulo}</a></h2>
					<p>${publicacion?.deDescripcion}</p>
				</div>
				<div class="span2">
					<p>
						<strong>Articulo:</strong> ${publicacion?.stIsNuevo}
					</p>
					<p>
						<strong>Precio :</strong> ${publicacion?.nuPrecio}
					</p>
					<p>
						<strong>Estado :</strong> ${publicacion?.stPublicacion}
					</p>
				</div>
			</div>	
		#{/list}
				
		<!--<div class="pagination">
		  <ul>
		    <li><a href="#"> « </a></li>
		    <li class="active">
		      <a href="#">1</a>
		    </li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#"> » </a></li>
		  </ul>
		</div>-->
	</div>
</div>